EDIMH M5: UI, Cinemática y Oratoria

M5: Arquitectura de Interfaz (Backend)

El diseño de una Interfaz de Usuario (UI) en PowerPoint requiere que los elementos de navegación sean absolutos e inalterables, previniendo el temido "Layout Shift" (salto visual).

El Patrón de Diapositivas (DOM Raíz)

En el desarrollo web, la barra de navegación (Navbar) se programa una sola vez en el código raíz. En nuestro software, ese código raíz es la Diapositiva Maestra (Vista > Patrón de Diapositivas).

Al diseñar botones y logotipos en esta capa profunda, aseguramos que sus coordenadas espaciales X e Y se bloqueen milimétricamente. Esto garantiza que durante las transiciones, el menú permanezca estático como en una aplicación real, mientras el contenido dinámico cambia por debajo.

ÁREA DE CONTENIDO DINÁMICO
Capa Bloqueada
ESTRUCTURA DE INTERFAZ ESTÁTICA
01
02
03
DESPLAZAMIENTO EN EJE X (SWIPE)

Cinemática: Efecto Slider (Carrusel)

Es un componente visual en sitios web que muestra varias imágenes, videos o textos de forma secuencial en una misma área, captando la atención del usuario mediante un efecto de "deslizamiento" o "swipe"

Interpolación de Vértices (Morph)

La transición Transformación no es un fundido; es un algoritmo que rastrea un vector (ej. la foto de un producto) desde la Diapositiva A hasta sus nuevas coordenadas en la Diapositiva B.

Para simular el Efecto Slider, posicionamos los elementos de la siguiente sección en el área "gris" fuera del lienzo. Al aplicar Morph, el algoritmo arrastra esos elementos hacia el centro de la pantalla, creando la ilusión física de un carrusel panorámico ininterrumpido.

El Efecto Paralaje (Parallax)

Engañando al cerebro humano para percibir profundidad tridimensional en un plano bidimensional.

Cinemática Diferencial en el Eje Z

En el mundo real, cuando te mueves, los objetos cercanos pasan rápido por tu campo de visión, mientras que las montañas a lo lejos parecen moverse muy despacio.

Podemos replicar esto configurando un fondo (Z-Index 1) que se desplace una distancia corta, y un sujeto u objeto protagonista (Z-Index 3) que cruce la pantalla de lado a lado. Durante la transición Morph, la diferencia de velocidades forzará al cerebro a decodificar volumen y profundidad matemática.

VELOCIDAD DIFERENCIAL (FONDO VS FRENTE)
APARICIÓN ASÍNCRONA (DELAY)

Animación Funcional: Renderizado en Cascada

En el diseño UI, la animación no es decorativa. Es una herramienta de dosificación cognitiva.

Guía de Movimientos Sacádicos

Si presentas 5 bloques de texto simultáneamente, la corteza visual del usuario colapsa por exceso de estímulos. Para resolverlo, utilizamos el efecto Desvanecer (Fade) encadenado con un Retraso (Delay) de 0.25s (Inicio: Después de la anterior).

Esta aparición "en cascada" dirige biológicamente los movimientos sacádicos del ojo, forzando a la audiencia a leer el contenido en el orden exacto de aparición que tú programaste.

Ingeniería de Oratoria y Control Focal

La presentación no es la pantalla; la presentación eres tú. El documento es solo un ancla visual complementaria.

El Intercambio Focal Táctico

Como orador, necesitas que la audiencia procese el gráfico por 5 segundos, pero luego requieres el 100% de su capacidad auditiva para tu análisis. Si el gráfico sigue encendido, el "Efecto de Atención Dividida" destruirá tu mensaje.

El Comando Supremo (B / Negro): Presionar la tecla B (Black) interrumpe la señal del proyector. Al fundirse a negro la pantalla emisora de luz, los ojos del auditorio se redireccionan violentamente hacia la única fuente de información activa en la sala: El Orador. Úsalo para revelar precios, dar la conclusión o responder preguntas difíciles.

👁️
REDIRECCIÓN DE FLUJO COGNITIVO (TECLA B)

Rutas de Empaquetado Ejecutivo

El formato en el que exportas dicta el comportamiento del usuario final. Nunca entregues un archivo matriz (.pptx).

  • Modo Quiosco + .PPSX: Bloquea el flujo lineal y fuerza la Interfaz UI. Al exportar como Presentación con Diapositivas, el cliente hace doble clic y entra al modo de ejecución inmersivo, sin barras de herramientas.
  • PDF Vectorial: Para lectura asíncrona. Congela toda la tipografía e incrusta los vectores. Imposible de desencuadrar.
  • Navegación Dinámica (Núm + Enter): En modo proyección, si un directivo hace una pregunta sobre un gráfico pasado, el orador teclea el número de la diapositiva y presiona Enter. Un salto directo sin pasar la vergüenza de retroceder 15 veces.
.PPSX
EJECUTABLE BLINDADO
CONGELAMIENTO DE ENTORNO